<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>服务</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap -->
    <link href="static/css/pc/minCss/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css">

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>


<div id="header" style="height: 50px;"></div>
<div id="severList">
    <div data-websever="dropdown">
        <div class="container">
            <div class="dropdown left" data-websever="dropdownbtn">
                <button type="button" class="dropdown-toggle" id="dropdownMenu1"
                        data-toggle="dropdown">
                    需求类型
                    <b></b>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                    <li data-webdemand="triangle"></li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="#">需求下拉1</a>
                    </li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="#">需求下拉2</a>
                    </li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="#">
                            需求下拉3
                        </a>
                    </li>
                    <li role="presentation" class="divider"></li>
                    <li role="presentation">
                        <a role="menuitem" tabindex="-1" href="#">需求下拉4</a>
                    </li>
                </ul>

            </div>
            <div data-websever="search">
                <div id="index-search-box">
                <div class="search-input-box">
                    <div>
                        <!--<select>-->
                            <!--<option value="1" >需求</option>-->
                            <!--<option value="2" selected="selected">服务</option>-->
                        <!--</select>-->
                        <input type="text" class="border-left" placeholder="请输入您要查找的内容"/>
                        <button type="button" data-btn="orbgbtn">搜索</button>
                    </div>
                </div>
                </div>
                    <!--<div data-websever="input-group">-->
                        <!--<input type="text" placeholder="请输入您要查找的内容" />-->
                        <!--<span>-->
                            <!--<button  type="button"><b></b></button>-->
                        <!--</span>-->
                    <!--</div>&lt;!&ndash; /input-group &ndash;&gt;-->

            </div>
        </div>

    </div>
    <div class="container">
        <div data-websever="severlist">
            <ul data-websever="severlistul">
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="qi">企</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2><a href="">服务名称服务名称服务名称服务11</a></h2>
                        <hr />
                        <p><a href="">酬劳模式:100元/小时11</a></p>
                        <div><a href="">服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</a></div>

                    </div>
                </li>
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="ge">个</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2>服务名称服务名称服务名称服务</h2>
                        <hr />
                        <p>酬劳模式:100元/小时</p>
                        <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                    </div>
                </li>
                <li>
                <div data-websever="content">
                    <div data-websever="userhead">
                        <img src="static/images/pc/demand/123.jpg" alt="" />
                        <span data-websever="gong">工</span>
                    </div>
                    <div data-websever="username">我是用户名</div>
                    <div data-websever="usertab">
                        <ul>
                            <li>工业设计</li>
                            <li>摄影</li>
                            <li>工业设计</li>
                        </ul>
                    </div>
                    <div data-websever="userother">
                        收到邀请666/接受邀请999
                    </div>
                </div>
                <div data-websever="modal">
                    <h2>服务名称服务名称服务名称服务</h2>
                    <hr />
                    <p>酬劳模式:100元/小时</p>
                    <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                </div>
            </li>
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="qi">企</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2>服务名称服务名称服务名称服务</h2>
                        <hr />
                        <p>酬劳模式:100元/小时</p>
                        <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                    </div>
                </li>
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="ge">个</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2>服务名称服务名称服务名称服务</h2>
                        <hr />
                        <p>酬劳模式:100元/小时</p>
                        <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                    </div>
                </li>
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="gong">工</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2>服务名称服务名称服务名称服务</h2>
                        <hr />
                        <p>酬劳模式:100元/小时</p>
                        <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                    </div>
                </li>
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="qi">企</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2>服务名称服务名称服务名称服务</h2>
                        <hr />
                        <p>酬劳模式:100元/小时</p>
                        <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                    </div>
                </li>
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="ge">个</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2>服务名称服务名称服务名称服务</h2>
                        <hr />
                        <p>酬劳模式:100元/小时</p>
                        <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                    </div>
                </li>
                <li>
                    <div data-websever="content">
                        <div data-websever="userhead">
                            <img src="static/images/pc/demand/123.jpg" alt="" />
                            <span data-websever="gong">工</span>
                        </div>
                        <div data-websever="username">我是用户名</div>
                        <div data-websever="usertab">
                            <ul>
                                <li>工业设计</li>
                                <li>摄影</li>
                                <li>工业设计</li>
                            </ul>
                        </div>
                        <div data-websever="userother">
                            收到邀请666/接受邀请999
                        </div>
                    </div>
                    <div data-websever="modal">
                        <h2>服务名称服务名称服务名称服务</h2>
                        <hr />
                        <p>酬劳模式:100元/小时</p>
                        <div>服务详情:一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界一个人的世界。。。</div>

                    </div>
                </li>
            </ul>
        </div>
        <div id="page"></div>
    </div>
</div>

<div id="footer"></div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>

<script>$('.dropdown-toggle').dropdown()</script>
<script src="static/js/pc/dest/all.min.js"></script>
</body>
</html>